<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"   
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:p="http://primefaces.org/ui">

    <SCRIPT language="JavaScript" type="text/javascript">
                   
        function handleRequestOperacion(xhr, status, args) {                     
            if(args.validationFailed || !args.CallbackParam) {  
     
            } else {                              
                carDialogOperacion.hide();  
                jQuery('#btnGuardarOperacion').fadeOut();  
            }  
        }  
    </SCRIPT>
    <p:tabView id="tabPrincOperacion" style="#{applicationMBean.estiloTitulo}">
        <p:tab id="tabPopupOperacion" title="#{i18n['popup.titulo.plan.produccion.operacion']}">
            <h:form onsubmit="return checkSubmit();" id="frmPopupOperacion">
                <h:panelGrid columns="1" cellpadding="4">
                    <h:outputLabel value="#{i18n['form.plan.produccion.datos.generales']}" styleClass="subTitulo"/>
                    <p:separator/>
                    <h:panelGrid columns="4" cellpadding="4">
                        <h:outputLabel value="#{i18n['general.label.id']}" styleClass="label" rendered="#{sessionMBean.accionDetalle != applicationMBean.nuevo}"/>
                        <h:outputText value="#{planProduccionMBean.detaOperacionDto.id}" rendered="#{sessionMBean.accionDetalle != applicationMBean.nuevo}" styleClass="txtCampo"/>
                        
                        <h:outputLabel for="itNombre" value="#{i18n['form.plan.produccion.nombre']}" styleClass="label"/>
                        <p:inputText id="itNombre" label="#{i18n['form.plan.produccion.nombre']}"  maxlength="200"
                                     value="#{planProduccionMBean.detaOperacionDto.nombre}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                                     required="true" size="40" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="200" minimum="1"/>
                        </p:inputText>
                        
                        <h:outputLabel for="itDescripcion" value="#{i18n['form.plan.produccion.descripcion']}" styleClass="label"/>
                        <p:inputText id="itDescripcion" label="#{i18n['form.plan.produccion.descripcion']}"  maxlength="200"
                                     value="#{planProduccionMBean.detaOperacionDto.descripcion}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                                     required="true" size="60" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="200" minimum="1"/>
                        </p:inputText>
                        
                        <h:outputLabel for="itProceso" styleClass="label" value="#{i18n['form.plan.produccion.proceso']}"/>
                        <p:selectOneMenu id="itProceso" value="#{planProduccionMBean.detaOperacionDto.procesoDto}" required="true" converter="procesoConvert" style="#{applicationMBean.estiloObligatorio}" disabled="#{sessionMBean.accionDetalle == applicationMBean.ver}">
                            <f:selectItems value="#{planProduccionMBean.listaProceso}" var="procesoDto" itemLabel="#{procesoDto.descripcion}" itemValue="#{procesoDto}"/>
                        </p:selectOneMenu>
                        
                        <h:outputLabel for="itTiempoEstimado" value="#{i18n['form.plan.produccion.tiempo.estimado']}" styleClass="label"/>
                        <p:inputText id="itTiempoEstimado" label="#{i18n['form.plan.produccion.tiempo.estimado']}" style="#{applicationMBean.estiloObligatorio}"
                                     value="#{planProduccionMBean.detaOperacionDto.tiempoEstimado}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                                     onkeypress="return fn_validaTecla('decimal',this)"
                                     required="true" size="10">
                            <f:validateLength minimum="1" maximum="9"/>
                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}"/>
                        </p:inputText>
                        
                        <h:outputLabel for="itUsoCentroCosto" value="#{i18n['form.plan.produccion.uso.centro.costo']}" styleClass="label"/>
                        <p:inputText id="itUsoCentroCosto" label="#{i18n['form.plan.produccion.uso.centro.costo']}" style="#{applicationMBean.estiloObligatorio}"
                                     value="#{planProduccionMBean.detaOperacionDto.usoCentroCosto}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                                     onkeypress="return fn_validaTecla('decimal',this)"
                                     required="true" size="10">
                            <f:validateLength minimum="1" maximum="9"/>
                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}"/>
                        </p:inputText>
                        
                        <h:outputLabel for="itTiempoPreparacion" value="#{i18n['form.plan.produccion.tiempo.preparacion']}" styleClass="label"/>
                        <p:inputText id="itTiempoPreparacion" label="#{i18n['form.plan.produccion.tiempo.preparacion']}" style="#{applicationMBean.estiloObligatorio}"
                                     value="#{planProduccionMBean.detaOperacionDto.tiempoPreparacion}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                                     onkeypress="return fn_validaTecla('decimal',this)"
                                     required="true" size="10">
                            <f:validateLength minimum="1" maximum="9"/>
                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}"/>
                        </p:inputText>
                        
                        <h:outputLabel for="itMultiplicador" value="#{i18n['form.plan.produccion.multiplicador']}" styleClass="label"/>
                        <p:inputText id="itMultiplicador" label="#{i18n['form.plan.produccion.multiplicador']}" style="#{applicationMBean.estiloObligatorio}"
                                     value="#{planProduccionMBean.detaOperacionDto.multiplicador}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                                     onkeypress="return fn_validaTecla('decimal',this)"
                                     required="true" size="10">
                            <f:validateLength minimum="1" maximum="9"/>
                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}"/>
                        </p:inputText>           
                        
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.activo']}"/>
                        <p:selectBooleanCheckbox value="#{planProduccionMBean.detaOperacionDto.estado}"  style="#{applicationMBean.estilo}"  disabled="#{sessionMBean.accionDetalle == applicationMBean.ver}"/>        
                    </h:panelGrid>
                </h:panelGrid>
                <p:panel id="pnlAcciones">
                    <h:panelGrid columns="10">
                        <p:commandButton id="btnGuardarOperacion" update=":msjDialogOperacion, :frmPrincipal:tblPrincipalDeta, :frmPrincipal:itTiempoEstimado, :msgs"
                                         title="#{i18n['general.button.guardar.tip']}"
                                         ajax="true"
                                         style="#{applicationMBean.estilosBtnGuardar}"
                                         rendered="#{sessionMBean.accionDetalle!= applicationMBean.ver}"
                                         icon="ui-icon ui-icon-disk"
                                         value="#{i18n['general.button.guardar']}"
                                         action="#{planProduccionMBean.guardarOperacion}"
                                         oncomplete="handleRequestOperacion(xhr, status, args)">
                        </p:commandButton>                          
                    </h:panelGrid>
                </p:panel>
            </h:form>
        </p:tab>
        <p:tab id="tabPopupProducto" title="#{i18n['popup.titulo.plan.produccion.producto']}" rendered="#{planProduccionMBean.detaOperacionDto.id != null}">
            <h:form onsubmit="return checkSubmit();" id="frmPopupProducto">
                <h:panelGrid  columns="8" cellpadding="4" id="pgProducto">
                    <p:commandButton title="#{i18n['form.plan.produccion.boton.nuevo.producto']}"
                                     icon="ui-icon ui-icon-plus"
                                     style="#{applicationMBean.estilosBtnNuevoDetalle}"
                                     value="#{i18n['form.plan.produccion.boton.nuevo.producto']}"
                                     update=":frmProducto:pgFormDtoProducto"
                                     oncomplete="carDialogProducto.show()"
                                     rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                     action="#{planProduccionMBean.nuevoProducto}">
                    </p:commandButton>
                </h:panelGrid>
                
                <h:panelGrid columns="1">
                    <p:dataTable id="tblProducto" value="#{planProduccionMBean.detaOperacionDto.listaProducto}" var="detaProd" paginator="true"
                                 paginatorPosition="top" rows="#{sessionMBean.cantidadRegistros}" widgetVar="widTable">
                        <p:column style="text-align:center;">
                            <h:panelGrid columns="8" cellspacing="5" styleClass="estiloPanelGrid">
                                <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                 action="#{planProduccionMBean.verProducto}" ajax="true"
                                                 oncomplete="carDialogProducto.show()"
                                                 update=":frmProducto:pgFormDtoProducto">
                                    <f:setPropertyActionListener value="#{detaProd}" target="#{planProduccionMBean.detaProductoDto}"/>
                                </p:commandButton>
                                <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}"
                                                 update=":frmProducto:pgFormDtoProducto"
                                                 action="#{planProduccionMBean.editarProducto}"
                                                 rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                                 oncomplete="carDialogProducto.show()" ajax="true">
                                    <f:setPropertyActionListener value="#{detaProd}" target="#{planProduccionMBean.detaProductoDto}"/>
                                </p:commandButton>
                            </h:panelGrid>
                        </p:column>
                        <p:column headerText="#{i18n['general.label.id']}" styleClass="general" style="text-align: left;">
                            <h:outputText value="#{detaProd.id}" styleClass="general"/>
                        </p:column>
                        <p:column headerText="#{i18n['form.plan.produccion.producto']}" styleClass="general" style="text-align: left;">
                            <h:outputText value="#{detaProd.productoDetaDto.productoDto.descripcion}" styleClass="general"/>
                        </p:column>
                        <p:column headerText="#{i18n['form.plan.produccion.tipo.producto']}" styleClass="general">
                            <h:outputText value="#{detaProd.tipoProductoDto.descripcionCorta}" styleClass="general"/>
                        </p:column>
                        <p:column headerText="#{i18n['form.plan.produccion.cantidad']}" styleClass="general">
                            <h:outputText value="#{detaProd.cantidad}" styleClass="general">
                                <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                            </h:outputText>
                        </p:column>
                        <p:column headerText="#{i18n['form.plan.produccion.uom']}" styleClass="general">
                            <h:outputText value="#{detaProd.unidadMedidaDto.nombre}" styleClass="general"/>
                        </p:column>
                        <p:column headerText="#{i18n['form.plan.produccion.costo.componente']}" styleClass="general">
                            <h:outputText value="#{detaProd.costoComponente}" styleClass="general">
                                <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                            </h:outputText>
                        </p:column>                         
                    </p:dataTable>
                </h:panelGrid>
            </h:form>
        </p:tab>
        <p:tab id="tabPopupOperario" title="#{i18n['popup.titulo.plan.produccion.operario']}" rendered="#{planProduccionMBean.detaOperacionDto.id != null}">
            <h:form onsubmit="return checkSubmit();" id="frmPopupOperario">
                <h:panelGrid  columns="8" cellpadding="4" id="pgOperario">
                    <p:commandButton title="#{i18n['form.plan.produccion.boton.nuevo.operario']}"
                                     icon="ui-icon ui-icon-plus"
                                     style="#{applicationMBean.estilosBtnNuevoDetalle}"
                                     value="#{i18n['form.plan.produccion.boton.nuevo.operario']}"
                                     update=":frmOperario:pgFormDtoOperario"
                                     oncomplete="carDialogOperario.show()"
                                     rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                     action="#{planProduccionMBean.nuevoOperario}">
                    </p:commandButton>
                </h:panelGrid>
                
                <h:panelGrid columns="1">
                    <p:dataTable id="tblOperario" value="#{planProduccionMBean.detaOperacionDto.listaOperario}" var="detaOpe" paginator="true"
                                 paginatorPosition="top" rows="#{sessionMBean.cantidadRegistros}" widgetVar="widTable">
                        <p:column style="text-align:center;">
                            <h:panelGrid columns="8" cellspacing="5" styleClass="estiloPanelGrid">
                                <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                 action="#{planProduccionMBean.verOperario}" ajax="true"
                                                 oncomplete="carDialogOperario.show()"
                                                 update=":frmOperario:pgFormDtoOperario">
                                    <f:setPropertyActionListener value="#{detaOpe}" target="#{planProduccionMBean.detaOperarioDto}"/>
                                </p:commandButton>
                                <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}"
                                                 update=":frmOperario:pgFormDtoOperario"
                                                 action="#{planProduccionMBean.editarOperario}"
                                                 rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                                 oncomplete="carDialogOperario.show()" ajax="true">
                                    <f:setPropertyActionListener value="#{detaOpe}" target="#{planProduccionMBean.detaOperarioDto}"/>
                                </p:commandButton>
                            </h:panelGrid>
                        </p:column>
                        <p:column headerText="#{i18n['general.label.id']}" styleClass="general" style="text-align: left;">
                            <h:outputText value="#{detaOpe.id}" styleClass="general"/>
                        </p:column>
                        <p:column headerText="#{i18n['form.plan.produccion.categoria.salarial']}" styleClass="general">
                            <h:outputText value="#{detaOpe.catSalarial}" styleClass="general"/>
                        </p:column>
                        <p:column headerText="#{i18n['form.plan.produccion.costo.calculado']}" styleClass="general">
                            <h:outputText value="#{detaOpe.costoCalculado}" styleClass="general">
                                <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                            </h:outputText>
                        </p:column>                                                                                            
                        <p:column headerText="#{i18n['general.label.activo']}" styleClass="general">
                            <h:outputText value="#{detaOpe.estadoTexto}" styleClass="general"/>
                        </p:column>
                    </p:dataTable>
                </h:panelGrid>
            </h:form>
        </p:tab>
        <p:tab id="tabPopupMaquina" title="#{i18n['popup.titulo.plan.produccion.maquina']}" rendered="#{planProduccionMBean.detaOperacionDto.id != null}">
            <h:form onsubmit="return checkSubmit();" id="frmPopupMaquina">
                <h:panelGrid  columns="8" cellpadding="4" id="pgMaquina">
                    <p:commandButton title="#{i18n['form.plan.produccion.boton.nueva.maquina']}"
                                     icon="ui-icon ui-icon-plus"
                                     style="#{applicationMBean.estilosBtnNuevoDetalle}"
                                     value="#{i18n['popup.titulo.plan.produccion.maquina']}"
                                     update=":frmMaquina:pgFormDtoMaquina"
                                     oncomplete="carDialogMaquina.show()"
                                     rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                     action="#{planProduccionMBean.nuevaMaquina}">
                    </p:commandButton>
                </h:panelGrid>
                
                <h:panelGrid columns="1">
                    <p:dataTable id="tblMaquina" value="#{planProduccionMBean.detaOperacionDto.listaMaquina}" var="detaMaq" paginator="true"
                                 paginatorPosition="top" rows="#{sessionMBean.cantidadRegistros}" widgetVar="widTable">
                        <p:column style="text-align:center;">
                            <h:panelGrid columns="8" cellspacing="5" styleClass="estiloPanelGrid">
                                <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                 action="#{planProduccionMBean.verMaquina}" ajax="true"
                                                 oncomplete="carDialogMaquina.show()"
                                                 update=":frmMaquina:pgFormDtoMaquina">
                                    <f:setPropertyActionListener value="#{detaMaq}" target="#{planProduccionMBean.detaMaquinaDto}"/>
                                </p:commandButton>
                                <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}"
                                                 update=":frmMaquina:pgFormDtoMaquina"
                                                 action="#{planProduccionMBean.editarMaquina}"
                                                 rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                                 oncomplete="carDialogMaquina.show()" ajax="true">
                                    <f:setPropertyActionListener value="#{detaMaq}" target="#{planProduccionMBean.detaMaquinaDto}"/>
                                </p:commandButton>
                            </h:panelGrid>
                        </p:column>
                        <p:column headerText="#{i18n['general.label.id']}" styleClass="general" style="text-align: left;">
                            <h:outputText value="#{detaMaq.id}" styleClass="general"/>
                        </p:column>
                        <p:column headerText="#{i18n['form.plan.produccion.maquina']}" styleClass="general">
                            <h:outputText value="#{detaMaq.maquinaDto.descripcion}" styleClass="general"/>
                        </p:column>
                        <p:column headerText="#{i18n['form.plan.produccion.costo.calculado']}" styleClass="general">
                            <h:outputText value="#{detaMaq.costoCalculado}" styleClass="general">
                                <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                            </h:outputText>
                        </p:column>                                                                                            
                        <p:column headerText="#{i18n['general.label.activo']}" styleClass="general">
                            <h:outputText value="#{detaMaq.estadoTexto}" styleClass="general"/>
                        </p:column>
                    </p:dataTable>
                </h:panelGrid>
            </h:form>
        </p:tab>
        <p:tab id="tabPopupIndirecto" title="#{i18n['popup.titulo.plan.produccion.costo.indirecto']}" rendered="#{planProduccionMBean.detaOperacionDto.id != null}">
            <h:form onsubmit="return checkSubmit();" id="frmPopupIndirecto">
                <h:panelGrid  columns="8" cellpadding="4" id="pgIndirecto">
                    <p:commandButton title="#{i18n['form.plan.produccion.boton.nuevo.costo.indirecto']}"
                                     icon="ui-icon ui-icon-plus"
                                     style="#{applicationMBean.estilosBtnNuevoDetalle}"
                                     value="#{i18n['form.plan.produccion.boton.nuevo.costo.indirecto']}"
                                     update=":frmIndirecto:pgFormDtoIndirecto"
                                     oncomplete="carDialogIndirecto.show()"
                                     rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                     action="#{planProduccionMBean.nuevoIndirecto}">
                    </p:commandButton>
                </h:panelGrid>
                
                <h:panelGrid columns="1">
                    <p:dataTable id="tblIndirecto" value="#{planProduccionMBean.detaOperacionDto.listaIndirecto}" var="detaInd" paginator="true"
                                 paginatorPosition="top" rows="#{sessionMBean.cantidadRegistros}" widgetVar="widTable">
                        <p:column style="text-align:center;">
                            <h:panelGrid columns="8" cellspacing="5" styleClass="estiloPanelGrid">
                                <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                 action="#{planProduccionMBean.verIndirecto}" ajax="true"
                                                 oncomplete="carDialogIndirecto.show()"
                                                 update=":frmIndirecto:pgFormDtoIndirecto">
                                    <f:setPropertyActionListener value="#{detaInd}" target="#{planProduccionMBean.detaIndirectoDto}"/>
                                </p:commandButton>
                                <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}"
                                                 update=":frmIndirecto:pgFormDtoIndirecto"
                                                 action="#{planProduccionMBean.editarIndirecto}"
                                                 rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                                 oncomplete="carDialogIndirecto.show()" ajax="true">
                                    <f:setPropertyActionListener value="#{detaInd}" target="#{planProduccionMBean.detaIndirectoDto}"/>
                                </p:commandButton>
                            </h:panelGrid>
                        </p:column>
                        <p:column headerText="#{i18n['general.label.id']}" styleClass="general" style="text-align: left;">
                            <h:outputText value="#{detaInd.id}" styleClass="general"/>
                        </p:column>
                        <p:column headerText="#{i18n['form.plan.produccion.costo.indirecto']}" styleClass="general">
                            <h:outputText value="#{detaInd.costoIndirectoDto.descripcion}" styleClass="general"/>
                        </p:column>
                        <p:column headerText="#{i18n['form.plan.produccion.costo.calculado']}" styleClass="general">
                            <h:outputText value="#{detaInd.costoCalculado}" styleClass="general">
                                <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                            </h:outputText>
                        </p:column>                                                                                            
                        <p:column headerText="#{i18n['general.label.activo']}" styleClass="general">
                            <h:outputText value="#{detaInd.estadoTexto}" styleClass="general"/>
                        </p:column>
                    </p:dataTable>
                </h:panelGrid>
            </h:form>
        </p:tab>
    </p:tabView>
</html>